body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img ,video
{margin:0;padding:0;border:0;list-style: none; outline:none;}
a{
	text-decoration: none;
}
.nav2{
	height: 40px;
	/* 这里做一个渐变的导航条 */
	background: linear-gradient(orange,#e60);
}
.nav2list li{
	/* 通过左浮动，让列表变成横排 */
	float: left;
	height: 40px;
	width: 100px;
	/* 让文本水平垂直居中 */
	line-height: 40px;
	text-align: center;
}
.nav2list a{
	/* 超链接改黑色 */
	color: #000;
	/* 我们把链接变成块显示 */
	display: block;
}
.nav2list{
	/* 列表宽度设为800，然后居中 */
	width: 800px;
	margin:auto;
}
/* 我们设置鼠标悬停链接时，背景色变化 */
.nav2list a:hover{
	background-color: #fa0;
}
body{
	width: 100%;
	height: 100vh;
	background: #333333;
	color: #FFFFFF;
}
/* 去掉无序列表的默认样式 */
li{
	list-style: none;
}
.box{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 内容区域 */
.content{
	width: 1000px;
	margin: auto;
}
/* 首页标题 */
.title{
	font-size: 30px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
/* 顶部 */
.box-top{
	display: flex;
	justify-content: space-between;
}
.bt-l{
	width: 650px;
}
.bt-l p{
	line-height: 1.8;
	margin-bottom: 20px;
}
.bt-l ul{
	display: flex;
	justify-content: space-between;
}
.bt-l ul li{
	width: 48%;
	height: 200px;
}
.bt-l ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bt-r{
	width: 320px;
}
.bt-r img{
	width: 100%;
	height: 305px;
	object-fit: cover;
}
/* 首页底部个人信息 */
.box-bottom{
	background: #FFFFFF;
	color: #333333;
	padding: 20px;
}
.box-bottom ul li {
	display: flex;
	align-items: center;
	padding: 15px 0;
	font-size: 18px;
	color: #666666;
	border-bottom: 1px dashed #CCCCCC;
}
.box-bottom ul li span{
	font-weight: 600;
	color: #333333;
}
.footer{
	text-align: center;
	margin-top: 10px;
}